.big{
    width: 6.21rem;
    height: 3.12rem;
    // background-color: red;
    margin-left: 50%;
    margin-top: 1.5rem;
    transform: translateX(-50%);
    box-shadow: #c2c2c2 0 0 0.05rem;
    // background-color: red;
}
.bgbox{
    width: 100%;
    height: 5.8rem;
    // background-color: aqua;
    background-image: url(../images/login-bg.png) ; 
    background-size: 100% 100%;
    overflow: hidden;
}
.smallleft{
    float: left;
    width: 3.72rem;
    height: 3.12rem;
    // background-color: green;
    img{
        width: 100%;
        height: 100%;
    }
}
.smallright{
    float: right;
    width: 2.49rem;
    height: 3.12rem;
    background-color: #fff;
    .log{
        width: 1.15rem;
        height: 0.23rem;
        font-size: 0.1rem; 
        // background-color: red;
        margin-top: 0.72rem;
        margin-left: 50%;
        transform: translate(-50%);
        .log_left{
            height: 100%;
            float: left;
        }
        .log_right{
            height: 100%;
            float: right;
        } 
    }
    .log_top{
        width: 1.73rem;
        height: 0.34rem;
        font-size: 0.1rem;
        // background-color: aqua;
        margin-top: 0.15rem;
        margin-left: 50%;
        transform: translate(-50%);
        border-radius: 0.05rem;
        border: #edeff2 0.02rem solid;
        input{
            width: 90%;
            height: 97%;
            border-radius: 0.05rem;
            border: none;
            margin-left: 0.1rem;
            font-size: 0.12rem;
        }
    }
    .log_top2{
        width: 1.73rem;
        height: 0.34rem;
        font-size: 0.1rem;
        // background-color: aqua;
        margin-top: 0.15rem;
        margin-left: 50%;
        transform: translate(-50%);
        border-radius: 0.05rem;
        border: #edeff2 0.02rem solid;
        input{
            width: 50%;
            height: 97%;
            border-radius: 0.05rem;
            border: none;
            margin-left: 0.1rem;
            font-size: 0.12rem;
        }
        .yzm{
            float: right;
            width: 42%;
            height: 98%;
            background-color: #3f9eff;
            border-radius: 0.05rem;
            text-align: center;
            line-height: 0.325rem;
            color: #fff;
        }
    }
    .log_down{
        width: 1.73rem;
        height: 0.34rem;
        font-size: 0.1rem;
        // background-color: aqua;
        margin-top: 0.15rem;
        margin-left: 50%;
        transform: translate(-50%);
        border-radius: 0.05rem;
        border: #edeff2 0.02rem solid;
        input{
            width: 90%;
            height: 97%;
            border-radius: 0.05rem;
            border: none;
            margin-left: 0.1rem;
            font-size: 0.12rem;
        }
    }
    .btn{
        width: 1.73rem;
        height: 0.34rem;
        font-size: 0.1rem;
        background-color: #3f9eff;
        margin-top: 0.15rem;
        margin-left: 50%;
        transform: translate(-50%);
        overflow: hidden;
        border-radius: 0.05rem;
        .dl{
            margin-top: 0.1rem;
            margin-left: 0.76rem;
            color: #fff;
        }
    }
}
.log_left,
.log_right {
    cursor: pointer;
    padding: 5px 10px;
}
.log_left.active {
    color: #3f9eff;
    border-bottom: 2px solid #3f9eff;
}
.log_right.active {
    color: #3f9eff;
    border-bottom: 2px solid #3f9eff;
}
